root {
    -fx-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

.page {
    -fx-padding: 20px;
}

.h1 {
    -fx-font-size: 30px;
}

.h2 {
    -fx-font-size: 24px;
}

.h3 {
    -fx-font-size: 18px;
}

.h4 {
    -fx-font-size: 14px;
}

.h5 {
    -fx-font-size: 12px;
}

.h6 {
    -fx-font-size: 10px;
}

.section-container {
    -fx-border-color: #d9d9d9;
    -fx-border-with: 1px;
    -fx-border-style: solid;
    -fx-padding: 10px;
}

.scroll-pane {
    -fx-background-color: transparent;
}